@charset "utf-8";
/* CSS Document */

/*通用*/
.mt25{ margin-top: 25px; }


.top{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #cdcccc;
}
.top_left a{
	color: #000000;
	font-size: 12px;
	font-family: '宋体';
	padding: 0 15px;
}
.top_right a.en{
	padding-left: 45px;
	background: url(../images/en.jpg) left no-repeat;
	display: inline-block;
	font-size: 12px;
	color: #000000;
	padding-right: 20px;
}
.top_right a.china{
	font-family: '宋体';
	font-size: 12px;
	color: #000000;
	padding-left: 45px;
	display: inline-block;
	background: url(../images/china.jpg) left no-repeat;
}

.header{
	width: 100%;
	float: left;
	overflow: hidden;
}
.contact{
	width: 215px;
	height: 65px;
	margin-top: 25px;
	float: right;
	padding-left: 55px;
	background: url(../images/tel.jpg) left no-repeat;
}
.contact p{
	color: #2c589d;
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
}
.contact i{
	color: #2c589d;
	font-weight: bold;
	font-size: 25px;
	font-family: 'Arial';
}

.navigation{
	width: 100%;
	height: 51px;
	background: #0158a8;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; width: 168px; background: url(../images/nline.jpg) right no-repeat;}
.nav .nLi:last-child h3{ background: none; }
.nav .nLi h3 a{
	display:block;
	width: 168px;
	height: 51px;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	line-height: 51px;
}
.nav .sub{ display:none; width: 168px; left:0; top: 51px;  position:absolute; background:#3384d9;  line-height:30px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; text-align: center;}
.nav .sub a:hover{ background:#0158a8; color:#fff;  }
.nav li.on h3 a{ background:#3384d9; color:#fff;   }

/*banner*/
.banner{ 
	width: 100%; 
	height:545px; 
	float: left;
	overflow:hidden; 
	position:relative;
}
.banner .hd{ width: 100%; height:10px; overflow:hidden; position:absolute; right: 0; bottom: 32px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left; width: 100%; text-align: center; }
.banner .hd ul li{ margin: 0 10px; width: 50px; height: 10px; background: #e4e2e2; cursor:pointer; display: inline-block;}
.banner .hd ul li.on{ background: #0158a8;}
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width: 1920px; height: 545px; display:block;  }


/*左侧*/
.lefter{
	width: 273px;
	float: left;
	overflow: hidden;
}
.lefter_title{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 118px;
	background: #0158a8;
	text-align: center;
}
.lefter_title span{
	font-weight: bold;
	font-size: 30px;
	color: #ffffff;
	padding-top: 18px;
	display: inline-block;
}
.lefter_list{
	width: 100%;
	float: left;
	overflow: hidden;
}
.lefter_list li{
	border-top: 1px solid #c8c8c8;
	width: 100%;
	text-align: center;
	line-height: 70px;
}
.lefter_list li a{
	color: #000000;
	font-size: 16px;
	display: block;
	background: #f0f0f0 url(../images/plus.png) 218px no-repeat;
}
.lefter_list li a:hover{
	background: #0158a8 url(../images/plus.png) 218px no-repeat;
	color: #ffffff;
}
.lefter_list li a.on{
	background: #0158a8 url(../images/plus.png) 218px no-repeat;
	color: #ffffff;
}
#pro2_navul li{width: 100%;text-align: center;line-height: 40px; border:none;}
#pro2_navul li a{color: #000000;font-size: 14px;display: block; background-image:none;}
#pro2_navul li a:hover{color: #ffffff;}

.col{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 47px;
	line-height: 47px;
	background: url(../images/line.png) left bottom no-repeat;
}
.col span.cbt{
	float: left;
	color: #333333;
	font-size: 20px;
}
.col span.cen{
	float: left;
	color: #32679d;
	font-size: 12px;
	font-family: 'Arial';
	padding-left: 10px;
	padding-top: 5px;
}
.col a{
	color: #32679d;
	font-size: 16px;
	font-family: 'Arial';
	float: right;
	display: inline-block;
	padding-top: 7px;
}

/*友情链接*/
.link{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 41px;
	line-height: 41px;
}
.link span{
	color: #2c589d;
	font-size: 14px;
	float: left;
	padding-right: 12px;
}
.link a{
	float: left;
	padding: 0 12px;
	font-size: 12px;
	color: #666666;
}
/*底部*/
.footer{
	width: 100%;
	float: left;
	overflow: hidden;
	background: #0158a8;
}
.footer .wp{ text-align:center; color:#fff;}
.footer ul li{ float:left; width:150px; padding:10px;}
.footer ul li a{color:#fff;}
.ewm{
	width: 92px;
	float: left;
	overflow: hidden;
	margin-top: 26px;
	margin-left: 40px;
	display: inline;
}
.company{
	width: 400px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-left: 30px;
	margin-top: 35px;
	line-height: 24px;
	color: #ffffff;
	font-size: 12px;
}
.flogo{
	float: right;
}
.copy{
	width: 100%;
	overflow: hidden;
	line-height: 35px;
	background: #01215f;
}
.copy .wp{ text-align:center; color:#fff; padding:10px; line-height:35px;}
.copy a{ color:#fff;}
.copy span{
	color: #ffffff;
	font-size: 12px;
}

.main{
	width: 905px;
	float: right;
	overflow: hidden;
}
.main_title{
	width: 100%;
	float: left;
	overflow: hidden;
	padding-bottom: 12px;
	background: url(../images/line.png) left bottom no-repeat; 
	color: #333333;
}
.main_title span a{
	color: #333333;
}

.hotshop{
	width: 100%;
	float: left;
	overflow: hidden;
}
.hs_title{
	width: 100%;
	float: left;
	overflow: hidden;
	height: 50px;
	background: #cacaca;
	line-height: 50px;
}
.hs_title span{
	display: block;
	width: 180px;
	height: 50px;
	float: left;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background: #2c589d;
}
.hs_title a{
	float: right;
	font-size: 14px;
	color: #ffffff;
	padding-right: 10px;
}

.hotshop ul{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 20px;
}
/*.hotshop ul li{
	width: 217px;
	height: 251px;
	border: 1px solid #cacaca;
	position: relative;
	overflow: hidden;
	float: left;
	margin-left: 9px;
}
.hotshop ul li img{ width: 217px; height: 251px;}
.hotshop ul li .show{
	position: absolute;
	width: 217px;
	height: 251px;
	top: 0;
	left: 0;
	background: url(../images/pbg.png);
	line-height: 251px;
	text-align: center;
	display: none;
}
.hotshop ul li .show a{
	color: #ffffff;
	font-size: 12px;
}*/
.c30{ height: 30px; clear: both; overflow: hidden; }


#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#285da3;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq img{ margin-top:5px}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li a{ color:#333;}
#floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:2px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 5px 14px; font-size:15px; color:#285da3; font-weight:bold}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/qq_online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/qq_online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}